﻿div.form-container { width: 400px; margin-left: 10px; }

div.form-container-full-width { margin-left: 10px; }

div.buttons-container { width: 100%; overflow: hidden; padding-top: 20px; margin-top: 20px; border-top: solid 1px #ddd; }

.buttons-container .message { float: left; padding-top: 5px; }

div.field { overflow: auto; padding: 4px 0px; }

div.field span:first-child { float: left; width: 35%; font-weight: bold; margin-right: 2%; color: #999; font-size: 1.1em; padding-top: 6px; }

div.field input { float: left; }

div.field input[type=text], div.field input[type=password] { width: 50%; border-bottom: 1px solid #ddd; background-color: #fff; padding: 6px; font-size: 1.1em; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; }

div.field textarea { border: 1px solid #ddd; background-color: #fff; padding: 6px; width: 52%; font-size: 1.1em; }

div.field select { float: left; border-bottom: 1px solid #ddd; background-color: #fff; max-width: 50%; padding: 6px; font-size: 1.1em; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; }

div.field ul { float: left; max-width: 230px; }

div.field ul li { line-height: 20px; }

div.field .value { float: left; max-width: 230px; }

div.field-check { font-size: 1.2em; padding: 6px 0px; font-weight: bold; }

div.field.transparent-label span:first-child { color: transparent; }

div.field.transparent-label span:first-child span.required-field-indicator { color: transparent; }

label span.required-field-indicator { color: red; }

.field-validation-error { color: #ff0000; margin-left: 3px; }

.field-validation-valid { display: none; }

.input-validation-error { border-bottom: 1px solid #ff0000 !important; }

.required-fields-message { margin: 5px 0 0 0; }


.validation-summary-errors { font-size: 1.2em; color: red; margin-bottom: 4px; padding: 6px; }
.validation-summary-errors ul { }
.validation-summary-errors ul li { padding: 0 0 3px; list-style-type: disc; list-style-position: outside; }
.validation-summary-errors span { font-weight: bold; }
.validation-summary-valid { display: none; }
.address-lookup div.field { }
.address-lookup div.field input.postcode-searchbox { width: 17%; background-position: 4px center; }
.address-lookup div.field input.progress { color: transparent; width: 31px; }
.address-lookup select { display: none; width: 50%; margin: 0 0 10px 37%; padding: 6px; background-color: #fff; border: 1px solid #ddd; font-size: 1.2em; }

.help-text-link { text-decoration: none; padding: 7px 0 0 7px; display: inline-block; font-size: 1.1em; }
.help-text-link:hover { text-decoration: none; }